<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <style>
        #div3{
            display: flex;
            background-color: lightskyblue;
            padding: 40px;
        }
        #div1{
            width: 15%;
            background-color: lightgray;
        }
        #div2{

            flex: 5;
            background-color: white;
            padding: 100px;

        }
        #div2 ul{
            margin-left: -50px;
            margin-top: -40px;
        }
        #div2 ul li{
            display: flex;
            flex-wrap: wrap;
            list-style-type: none;
            float: left;
            margin: 5px 5px;
            border: 1px solid black;
        }
        #bo{
            display: flex;
            width: 80%;
        }
        #bo{
            position: relative;
            left: 130px;
            top: -0px;
        }
        #div1 ul{
            margin: 30px 0 0 0;
        }
        #div1 ul li{
            list-style-type: none;
            margin: 15px;
            min-width:66px;
        }
        #hrs{
            position: relative;
            top: -70px;
            left: -15px;
        }
        hr{
            position: relative;
            top: -70px;
            left: -15px;
        }
    </style>
</head>
<body>
    <div id="div3">
        <div id="bo">
        <div id="div1">
        <ul id="ul1">
        <li>公司介绍</li>
        <li>新闻动态</li>
        <li>联系我们</li>
        <li>招财纳士</li>
        <li>用户协议</li>
        <li>常见问题</li>
        <li>合作伙伴</li>
        <li>友情链接</li>
        <li>网站地图</li>
        <li>付费协议</li>
        <li>使用说明</li>
        </ul>
        </div>
        <div id="div2">
        <h2 style="color:slategray" id="hrs">友情链接</h2>
        <hr />
        <ul id="ul2">
            <li><img src="img/lk_logo01.jpg" alt=""></li>
            <li><img src="img/lk_logo02.jpg" alt=""></li>
            <li><img src="img/lk_logo03.jpg" alt=""></li>
            <li><img src="img/lk_logo04.jpg" alt=""></li>
            <li><img src="img/lk_logo05.jpg" alt=""></li>
            <li><img src="img/lk_logo06.jpg" alt=""></li>
            <li><img src="img/lk_logo07.jpg" alt=""></li>
            <li><img src="img/lk_logo08.jpg" alt=""></li>
            <li><img src="img/lk_logo09.jpg" alt=""></li>
        </ul>
        </div>
        </div>
        </div>

</body>
</html>